<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./less/css/base.css">
    <link rel="stylesheet" href="./less/css/index.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <!-- 直接引入less文件步骤 -->
    <!-- <link rel="stylesheet/less" href="./less/base.less">
    <script src="./less.js"></script> -->
</head>

<body>
    <!-- 顶部导航区域 -->
    <div class="nav">
        <div class="w">
            <!-- 左侧区域 -->
            <div class="left address">
                <span class="iconfont icon-location-fill"></span>
                北京
            </div>
            <!-- 右侧区域 -->
            <div class="right navlist">
                <ul>
                    <li><a href="#">你好，请登录</a></li>
                    <li><a href="#">免费注册</a></li>
                    <li>
                        <a href="#">我的订单</a>
                        <div class="lastmenu">
                            <p>订单1</p>
                            <p>订单2</p>
                            <p>订单3</p>
                        </div>
                    </li>
                    <li><a href="#">我的御码</a></li>
                    <li><a href="#">企业采购</a></li>
                    <li><a href="#">商家服务</a></li>
                    <li><a href="#">网站导航</a></li>
                    <li><a href="#">手机御码</a></li>
                    <li><a href="#">网站无障碍</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 头部区域 -->
    <div class="header">
        <div class="w">
            <div class="left leftlogo">
                <a href="#">
                    <img src="./img/LOGO@1x.png" alt="">
                </a>
            </div>
            <!-- 中间盒子 -->
            <div class="left middlesearch">
                <!-- 顶部搜索区域 -->
                <div class="top_search clearfix">
                    <div class="searchBox left">
                        <input type="text" placeholder="华为手机">
                        <input type="button">
                        <!-- 字体图标 -->
                        <span class="iconfont icon-icon-test1"></span>
                    </div>
                    <div class="search_car left">
                        <div class="car left">
                            <span class="iconfont icon-icon-test"></span>
                        </div>
                        <div class="car_words left">我的购物车</div>
                    </div>
                </div>

                <!-- 热词搜索 -->
                <div class="hot_words">
                    <ul>
                        <li><a href="#">家电年货节</a></li>
                        <li><a href="#">全球买手</a></li>
                        <li><a href="#">兔年焕新</a></li>
                        <li><a href="#">热水器</a></li>
                        <li><a href="#">血氧检测</a></li>
                        <li><a href="#">车厘子</a></li>
                        <li><a href="#">手机免息</a></li>
                        <li><a href="#">御码精选</a></li>
                        <li><a href="#">热卖潮品</a></li>
                    </ul>
                </div>

                <!-- 主体导航 -->
                <div class="main_nav">
                    <ul>
                        <li><a href="#">御码超市</a></li>
                        <li><a href="#">优惠券</a></li>
                        <li><a href="#">买啥</a></li>
                        <li><a href="#">御码家电</a></li>
                        <li><a href="#">御码生鲜</a></li>
                        <li><a href="#">PLUS会员</a></li>
                        <li><a href="#">进口好物</a></li>
                        <li><a href="#">品牌闪购</a></li>
                        <li><a href="#">拍卖</a></li>
                        <li><a href="#">五金商店</a></li>
                    </ul>
                </div>
            </div>
            <div class="right rightbox">
                <a href="#">
                    <img src="./img/image1@1x.png" alt="">
                </a>
            </div>
        </div>
    </div>

    <!-- 主体区域 -->
    <div class="page_body">

        <div class="list_box clearfix w">

            <!-- 左侧导航 -->
            <div class="list left">
                <ul>
                    <li>
                        <a href="#">手机/运营商/数码</a>
                        <!-- 二级菜单 -->
                        <div class="second_menu">
                            <ul>
                                <li><strong>电视 ></strong><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a></li>
                                <li><strong>电视 ></strong><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a></li>
                                <li><strong>电视 ></strong><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a></li>
                                <li><strong>电视 ></strong><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a></li>
                                <li><strong>电视 ></strong><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a></li>
                                <li><strong>电视 ></strong><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a></li>
                                <li><strong>电视 ></strong><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a></li>
                                <li><strong>电视 ></strong><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a></li>
                                <li><strong>电视 ></strong><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a></li>
                                <li><strong>电视 ></strong><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a><a href="#">sdhfsdjh</a><a href="#">efjisdjfds</a><a
                                        href="#">说的话各地市</a><a href="#">为后代萨哈山东济南</a></li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">电脑/办公</a></li>
                    <li><a href="#">家具/家居/家装/厨具</a></li>
                    <li><a href="#">男装/女装/童装/内衣 </a></li>
                    <li><a href="#">美妆/个护清洁/宠物 </a></li>
                    <li><a href="#">女鞋/箱包/钟表/珠宝 </a></li>
                    <li><a href="#">男鞋/运动/户外 </a></li>
                    <li><a href="#">房产/汽车/汽车用品 </a></li>
                    <li><a href="#">母婴/玩具乐器 </a></li>
                    <li><a href="#">食品/酒类/生鲜/特产 </a></li>
                    <li><a href="#">艺术/礼品鲜花/农资绿植</a></li>
                    <li><a href="#">医药保健/计生情趣</a></li>
                    <li><a href="#">图书/文娱/教育/电子书</a></li>
                    <li><a href="#">机票/酒店/旅游/生活</a></li>
                    <li><a href="#">众筹/白条/保险/企业金融</a></li>
                    <li><a href="#">安装/维修/清洗/二手</a></li>
                </ul>
            </div>


            <div class="middle_show left">
                <img src="./img/banner_主图@1x.png" class="left main_img">
                <!-- 分页按钮 -->
                <div class="btn">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>

            <div class="img left">
                <img src="../web/img/侧边banner1@1x.png">
                <img src="../web/img/侧边banner2@1x.png">
                <img src="../web/img/侧边banner3@1x.png">
            </div>

            <div class="login right">
                <!-- 用户登录 -->
                <div class="top_login">
                    <div class="user clearfix">
                        <img src="../web/img/Ellipse1@1x.png" class="left">
                        <div class="user_login left">
                            <p>Hi~ 欢迎光临御码</p>
                            <a href="#">登录</a>
                            <a href="#">注册</a>
                        </div>
                    </div>
                    <div class="vip clearfix">
                        <span>新人福利</span>
                        <span>御马会员</span>
                    </div>
                </div>

                <!-- 御马快报 -->
                <div class="middle_news">
                    <div class="title">
                        <strong>御码快报</strong>
                        <span>更多></span>
                    </div>
                    <div class="news">
                        <ul>
                            <li><span>热评</span>
                                <p>毛衣直筒裤才是YYDSfsdfsdgfdsg</p>
                            </li>
                            <li><span>热评</span>
                                <p>毛衣直筒裤才是YYDSfsdfsdgfdsg</p>
                            </li>
                            <li><span>热评</span>
                                <p>毛衣直筒裤才是YYDSfsdfsdgfdsg</p>
                            </li>
                            <li><span>热评</span>
                                <p>毛衣直筒裤才是YYDSfsdfsdgfdsg</p>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- 底部图标 -->
                <div class="buttom_nav">
                    <ul>
                        <li>
                            <a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>话费</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>火车票</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>加油卡</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>白条</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>电影票</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>酒店</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>理财</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>机票</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>礼品卡</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>彩票</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>游戏</p>
                            </a>
                        </li>
                        <li><a href="#">
                                <!-- 显示精灵图 -->
                                <span></span>
                                <p>众筹</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 秒杀专场 -->
        <div class="buy clearfix w">
            <div class="left_photo left">
                秒杀区域

            </div>

            <div class="milddle_goods left">
                <div class="goods left">
                    <a href="#">
                        <img src="./img/Rectangle33@1x.png" alt="">
                        <p>荣耀60SE120Hz十亿色曲面屏66W超级快充6400万Vlog相机全网通版5G手机8GB+256GB亮黑色</p>
                        <p>¥1949.00</p>
                    </a>
                </div>
                <div class="goods left">
                    <a href="#">
                        <img src="./img/Rectangle33@1x-1.png" alt="">
                        <p>realme真我GTNeo3天玑810080W超速闪充独立显示芯片赛道双条纹设计12GB+256GB银石5g游戏手机</p>
                        <p>¥2369.00</p>
                    </a>
                </div>
                <div class="goods left">
                    <a href="#">
                        <img src="./img/Rectangle33@1x-3.png" alt="">
                        <p>maxicosi儿童安全座椅0-4-7岁汽车用宝宝车载座椅ispace迈越星柏林灰CF</p>
                        <p>¥2790.00</p>
                    </a>
                </div>
                <div class="goods right">
                    <a href="#">
                        <img src="./img/Rectangle33@1x-2.png" alt="">
                        <p>HUAWEI华为nova9se手机一亿像素超清摄影创新Vlog体验支持66W快充8GB+256GB冰晶蓝移动用户专享</p>
                        <p>¥1482.00</p>
                    </a>
                </div>
            </div>

            <div class="right_photo right">
                <img src="./img/扫描二维码@1x-1.png">
            </div>
        </div>

        <!-- 年货 -->
        <div class="year_goods">
            <div class="main_year clearfix">
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图01@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图02@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图03@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图04@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图05@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图06@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图07@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图08@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图09@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图10@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图11@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
                <div class="year">
                    <div class="top_photo">
                        <a href="#"><img src="./img/年货产品图12@1x.png" alt=""></a>
                    </div>
                    <div class="middle_frame"><a href="#">至高24期免息</a></div>
                    <div class="buttom_title"><a href="#">酒水好店</a></div>
                </div>
            </div>
        </div>

        <!-- 每日推荐 -->
        <div class="recommend w clearfix">
            <!-- 每日特价 -->
            <div class="left_sale left tj">
                <div class="sale_title clearfix">
                    <strong>每日特价</strong>
                    <img src="./img/icon_更多@1x.png" alt="">
                    <div class="js right"><a href="#">精选</a></div>
                </div>
                <div class="left_sa left ">
                    <img src="./img/最近7天低价@1x.png" alt="">
                    <div class="image">
                        <a href="#"><img src="./img/每日特价产品图01@1x.png" alt=""></a>
                    </div>
                    <p><a href="#">赣南精品脐橙一箱</a></p>
                    <p><a href="#">￥99.9</a></p>
                    <p>已经抢购1320件</p>
                </div>
                <div class="right_sa right ">
                    <div class="sale">
                        <img src="./img/每日特价产品图02@1x.png" alt="">
                        <p><a href="#">赣南精品脐橙一箱</a></p>
                        <p><a href="#">￥9.9</a></p>
                        <p>已抢购320件</p>
                    </div>
                    <div class="sale">
                        <img src="./img/每日特价产品图03@1x.png" alt="">
                        <p><a href="#">赣南精品脐橙一箱</a></p>
                        <p><a href="#">￥9.9</a></p>
                        <p>已抢购320件</p>
                    </div>
                    <div class="sale">
                        <img src="./img/每日特价产品图04@1x.png" alt="">
                        <p><a href="#">赣南精品脐橙一箱</a></p>
                        <p><a href="#">￥9.9</a></p>
                        <p>已抢购320件</p>
                    </div>
                    <div class="sale">
                        <img src="./img/每日特价产品图05@1x.png" alt="">
                        <p><a href="#">赣南精品脐橙一箱</a></p>
                        <p><a href="#">￥9.9</a></p>
                        <p>已抢购320件</p>
                    </div>
                </div>
            </div>

            <!-- 品牌闪购 -->
            <div class="right_brand right tj">
                <div class="sale_title clearfix">
                    <strong>品牌闪购</strong>
                    <img src="./img/icon_更多@1x.png" alt="">
                    <div class="js right"><a href="#">精选</a></div>
                </div>
                <div class="left_sa left ">
                    <img src="./img/最近7天低价@1x.png" alt="">
                    <div class="image">
                        <a href="#"><img src="./img/每日特价产品图01@1x.png" alt=""></a>
                    </div>
                    <p><a href="#">赣南精品脐橙一箱</a></p>
                    <p><a href="#">￥99.9</a></p>
                    <p>已经抢购1320件</p>
                </div>
                <div class="right_sa right ">
                    <div class="sale">
                        <img src="./img/每日特价产品图02@1x.png" alt="">
                        <p><a href="#">赣南精品脐橙一箱</a></p>
                        <p><a href="#">￥9.9</a></p>
                        <p>已抢购320件</p>
                    </div>
                    <div class="sale">
                        <img src="./img/每日特价产品图03@1x.png" alt="">
                        <p><a href="#">赣南精品脐橙一箱</a></p>
                        <p><a href="#">￥9.9</a></p>
                        <p>已抢购320件</p>
                    </div>
                    <div class="sale">
                        <img src="./img/每日特价产品图04@1x.png" alt="">
                        <p><a href="#">赣南精品脐橙一箱</a></p>
                        <p><a href="#">￥9.9</a></p>
                        <p>已抢购320件</p>
                    </div>
                    <div class="sale">
                        <img src="./img/每日特价产品图05@1x.png" alt="">
                        <p><a href="#">赣南精品脐橙一箱</a></p>
                        <p><a href="#">￥9.9</a></p>
                        <p>已抢购320件</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 全球购 -->
        <div class="body_global w">
            <div class="box_title ">
                <p>全球购</p>
            </div>
            <div class="global_purchase  clearfix">
                <div class="global1 public left">
                    <a href="#"><img src="./img/全球购产品图01@1x.png" alt=""></a>
                    <div class="public_box">
                        <p>
                            <a href="#">御码寻宝</a>
                            <a href="#">懂你的御码汇</a>
                        </p>
                        <img src="./img/全球购产品图09@1x.png" alt="">
                        <img src="./img/全球购产品图10@1x.png" alt="">
                    </div>
                </div>
                <div class="global2 public left">
                    <a href="#"><img src="./img/全球购产品图02@1x.png" alt=""></a>
                    <div class="public_box">
                        <p>
                            <a href="#">礼品站</a>
                            <a href="#">帮你挑选一个好礼物</a>
                        </p>
                        <img src="./img/全球购产品图17@1x.png" alt="">
                        <img src="./img/全球购产品图18@1x.png" alt="">
                    </div>
                </div>
                <div class="global3 left public">
                    <div class="public_box">
                        <p>
                            <a href="#">企业购</a>
                            <a href="#">一站式企业采购平台</a>
                        </p>
                        <img src="./img/全球购产品图03@1x.png" alt="">
                        <img src="./img/全球购产品图04@1x.png" alt="">
                    </div>
                    <div class="public_box">
                        <p>
                            <a href="#">智能数码</a>
                            <a href="#">尽情享受生活</a>
                        </p>
                        <img src="./img/全球购产品图05@1x.png" alt="">
                        <img src="./img/全球购产品图06@1x.png" alt="">
                    </div>
                    <div class="public_box">
                        <p>
                            <a href="#">拍拍二手</a>
                            <a href="#">一站式企业采购平台</a>
                        </p>
                        <img src="./img/全球购产品图07@1x.png" alt="">
                        <img src="./img/全球购产品图08@1x.png" alt="">
                    </div>
                </div>
                <div class="global4 left public">
                    <div class="public_box">
                        <p>
                            <a href="#">御码超市</a>
                            <a href="#">一站式囤生活好物</a>
                        </p>
                        <img src="./img/全球购产品图11@1x.png" alt="">
                        <img src="./img/全球购产品图12@1x.png" alt="">
                    </div>
                    <div class="public_box">
                        <p>
                            <a href="#">御码酒行</a>
                            <a href="#">享全球美酒品味美好生活</a>
                        </p>
                        <img src="./img/全球购产品图13@1x.png" alt="">
                        <img src="./img/全球购产品图14@1x.png" alt="">
                    </div>
                    <div class="public_box">
                        <p>
                            <a href="#">生鲜馆</a>
                            <a href="#">尝遍天下美味</a>
                        </p>
                        <img src="./img/全球购产品图15@1x.png" alt="">
                        <img src="./img/全球购产品图16@1x.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <!-- 为你推荐 -->
        <div class="body_user w">
            <div class="box_title2 ">
                <p>为你推荐</p>
            </div>

            <!-- 导航区域 -->
            <div class="user_nav clearfix">
                <div class="nav_public left">
                    <p>
                        <a href="#">精选</a>
                        <a href="#">猜你喜欢</a>
                    </p>
                </div>
                <div class="nav_public left">
                    <p>
                        <a href="#">智能先锋</a>
                        <a href="#">品质生活</a>
                    </p>
                </div>
                <div class="nav_public left">
                    <p>
                        <a href="#">居家优品</a>
                        <a href="#">大电器城</a>
                    </p>
                </div>
                <div class="nav_public left">
                    <p>
                        <a href="#">超市百货</a>
                        <a href="#">百货生鲜</a>
                    </p>
                </div>
                <div class="nav_public left">
                    <p>
                        <a href="#">时尚达人</a>
                        <a href="#">美妆穿搭</a>
                    </p>
                </div>
                <div class="nav_public left">
                    <p>
                        <a href="#">进口好物</a>
                        <a href="#">商品国际</a>
                    </p>
                </div>
            </div>

            <!-- 主体部分 -->
            <div class="user_purchase clearfix">
                <div class="public_user">
                    <img src="./img/为你推荐产品图01@1x.png" alt="">
                    <p>
                        <span>自营</span>
                        <a href="#"><b>【新年送礼】雅萌美容仪套装全脸抗老</b></a>
                    </p>
                    <p>￥5799</p>
                </div>
                <div class="public_user">
                    <img src="./img/为你推荐产品图02@1x.png" alt="">
                    <p>
                        <span>自营</span>
                        <a href="#"><b>【新年送礼】雅萌美容仪套装全脸抗老</b></a>
                    </p>
                    <p>￥5799</p>
                </div>
                <div class="public_user">
                    <img src="./img/为你推荐产品图03@1x.png" alt="">
                    <p>
                        <span>自营</span>
                        <a href="#"><b>【新年送礼】雅萌美容仪套装全脸抗老</b></a>
                    </p>
                    <p>￥5799</p>
                </div>
                <div class="public_user">
                    <img src="./img/为你推荐产品图04@1x.png" alt="">
                    <p>
                        <span>自营</span>
                        <a href="#"><b>【新年送礼】雅萌美容仪套装全脸抗老</b></a>
                    </p>
                    <p>￥5799</p>
                </div>
                <div class="public_user">
                    <img src="./img/为你推荐产品图05@1x.png" alt="">
                    <p>
                        <span>自营</span>
                        <a href="#"><b>【新年送礼】雅萌美容仪套装全脸抗老</b></a>
                    </p>
                    <p>￥5799</p>
                </div>
                <div class="public_user">
                    <img src="./img/为你推荐产品图06@1x.png" alt="">
                    <p>
                        <span>自营</span>
                        <a href="#"><b>【新年送礼】雅萌美容仪套装全脸抗老</b></a>
                    </p>
                    <p>￥5799</p>
                </div>
                <div class="public_user">
                    <img src="./img/为你推荐产品图07@1x.png" alt="">
                    <p>
                        <span>自营</span>
                        <a href="#"><b>【新年送礼】雅萌美容仪套装全脸抗老</b></a>
                    </p>
                    <p>￥5799</p>
                </div>
                <div class="public_user">
                    <img src="./img/为你推荐产品图08@1x.png" alt="">
                    <p>
                        <span>自营</span>
                        <a href="#"><b>【新年送礼】雅萌美容仪套装全脸抗老</b></a>
                    </p>
                    <p>￥5799</p>
                </div>
                <div class="public_user">
                    <img src="./img/为你推荐产品图09@1x.png" alt="">
                    <p>
                        <span>自营</span>
                        <a href="#"><b>【新年送礼】雅萌美容仪套装全脸抗老</b></a>
                    </p>
                    <p>￥5799</p>
                </div>
                <div class="public_user">
                    <img src="./img/为你推荐产品图10@1x.png" alt="">
                    <p>
                        <span>自营</span>
                        <a href="#"><b>【新年送礼】雅萌美容仪套装全脸抗老</b></a>
                    </p>
                    <p>￥5799</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部内容 -->
    <div class="footer">
        <div class="w main_foot">
            <a href="#"><img src="./img/footer_01@1x.png" alt=""></a>
            <a href="#"><img src="./img/footer_02@1x.png" alt=""></a>
            <a href="#"><img src="./img/footer_03@1x.png" alt=""></a>
            <a href="#"><img src="./img/footer_04@1x.png" alt=""></a>

            <!-- 底部导航 -->
            <div class="foot_nav clearfix">
                <div class="nav_list left">
                    <dl>
                        <dt><a href="#">购物指南</a></dt>
                        <dd><a href="#">购物流程</a></dd>
                        <dd><a href="#">会员介绍</a></dd>
                        <dd><a href="#">生活旅行</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">大家电</a></dd>
                        <dd><a href="#">联系客服</a></dd>
                    </dl>
                </div>
                <div class="nav_list left">
                    <dl>
                        <dt><a href="#">配送方式</a></dt>
                        <dd><a href="#">上门自提</a></dd>
                        <dd><a href="#">211限时达</a></dd>
                        <dd><a href="#">配送服务查询</a></dd>
                        <dd><a href="#">配送费收取标准</a></dd>
                    </dl>
                </div>
                <div class="nav_list left">
                    <dl>
                        <dt><a href="#">支付方式</a></dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线支付</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">公司转账</a></dd>
                    </dl>
                </div>
                <div class="nav_list left">
                    <dl>
                        <dt><a href="#">售后服务</a></dt>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">价格保护</a> </dd>
                        <dd><a href="#">退款说明</a></dd>
                        <dd><a href="#">返修/退换货</a></dd>
                        <dd><a href="#">取消订单</a></dd>
                    </dl>
                </div>
                <div class="nav_list left">
                    <dl>
                        <dt><a href="#">特色服务</a></dt>
                        <dd><a href="#">夺宝岛</a></dd>
                        <dd><a href="#">DIY装机</a></dd>
                        <dd><a href="#">延保服务</a></dd>
                        <dd><a href="#">御码E卡</a></dd>
                        <dd><a href="#">御码通信</a></dd>
                        <dd><a href="#">京鱼座智能</a></dd>
                    </dl>
                </div>
                <div class="nav_right right">
                    <dl>
                        <dt><a href="#">自营覆盖区县</a></dt>
                        <dd><a href="#">京御码汇已向全国2661个区县提供自 营配送服务，支持货到付款、POS 机刷卡和售后上门服务。</a></dd>
                        <dd><a href="#">查看详情</a></dd>
                    </dl>
                </div>
            </div>

            <!-- 底部链接 -->
            <div class="connection_foot">
                <ul class="clearfix">
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">合作招商</a></li>
                    <li><a href="#">商家帮助</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">手机御码</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">销售联盟</a></li>
                    <li><a href="#">隐私政策</a></li>
                </ul>
            </div>

            <!-- 出处 -->
            <div class="source">京ICP备12345678901</div>
        </div>
    </div>
</body>

</html>